
page{
  background: #eee;
}

.index{
  background: #eee;
  width: 100%;
  height: 100%;
  padding-top:20px ;
}
.search{
  display: flex;
  width: 80%;
  margin: 20px auto;
  border: 1px solid #ddd;
  border-radius: 20px;
  height: 60px;
  background: #fff;
  .searchInp{
    width: 80%;
    height: 60px;
    font-size: 24rpx;
    line-height: 60px;
    padding-left: 50px;
  }
  button{
    width: 20%;
    height: 60px;
    font-size: 24rpx;
    line-height: 60px;
    border: none;
    border-radius: 20px;
  }
}
.bj{
  opacity: 0.9;
  background: #f90;
}
.container{
  width: 90%;
  margin: 0 auto;
  display: flex;  
  // flex-flow:column  wrap;
  flex-wrap: wrap;
  // height: 100vh;
  .content{
    margin: 10px;
    width: calc(100%/2 - 20px);
    background: #fff;
    font-size: 30rpx;
    border-radius: 40rpx;
    
    .box{
      width: 100%;
      height:100%;
      text-align: center;
      position: relative;
      button{
        width: 50%;
        height: 40px;
        font-size: 24rpx;
        line-height: 40px;
        background: #6ff;
        position: absolute;
        bottom: 20px;
        left: 80px;
      }
      .boxTitle{
        font-weight: bold;
         font-size: 30rpx;
         padding: 20px 0; 
      }
      .boxContent{
                /* 多行超出省略的必备条件 */
                display: -webkit-box;/* 弹性盒模型 */
                -webkit-box-orient: vertical;/* 元素垂直居中*/
                -webkit-line-clamp: 3;/*  文字显示的行数*/
                line-height: 50rpx;
                margin: 0 20px;
                margin-top: 20rpx;
                overflow:hidden;/* 超出隐藏 */
      }
     .boxTime{
      position: absolute;
      bottom: 80px;
      left: 0;
      right: 0;
      margin: 0 auto;
     }
    }
  }
}